<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>菜单管理</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../css/commen.css"/>
    <script src="../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../js/dateUtil.js" type="text/javascript"></script>
</head>
<body>
    <!--树形联动：模块菜单(大盒子)-->
    <div class="mini-splitter" style="width:100%;height:100%;">
        <!--左侧树-->
        <div size="240" showCollapseButton="true">
            <div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">
                <!--<span style="padding-left:5px;">名称：</span>-->
                <!--<input class="mini-textbox" style="width:100px;"/>-->

            </div>
            <div class="mini-fit">
                <ul id="tree1" class="mini-tree" style="width:100%;"
                    showTreeIcon="true" textField="text" idField="id" parentField="pid" resultAsTree="false">
                </ul>
            </div>
        </div>
        <!--右侧表-->
        <div showCollapseButton="true">
            <!--按钮栏-->
            <div class="mini-toolbar" style="border-bottom:0;padding:0px;">
                <table style="width:100%;">
                    <tr>
                        <td style="width:100%;">
                            <a class="mini-button" id="addBtn"  iconCls="icon-add" onclick="add()">增加</a>
                            <a class="mini-button" id="editBtn" iconCls="icon-edit" onclick="edit()">编辑</a>
                            <a class="mini-button" id="removeBtn" iconCls="icon-remove" onclick="remove()">删除</a>
                            <a class="mini-button" id="topBtn" iconCls="icon-upload" onclick="topChange()">向上</a>
                            <a class="mini-button" id="bottomBtn" iconCls="icon-download" onclick="bottonChange()">向下</a>
                        </td>
                        <td style="white-space:nowrap;">

                            <!--<input id="key" class="mini-textbox" emptyText="请输入名称" style="width:150px;" onenter="onKeyEnter"/>-->
                            <!--<a class="mini-button" onclick="search()">查询</a>-->
                        </td>
                    </tr>
                </table>
            </div>
            <!--菜单数据表-->
            <div id="datagrid1" class="mini-datagrid" style="width:100%;height:95%;" idField="menuId" multiSelect="false" 
            showPager="false" allowUnselect='true' onrowclick="selectEvent">
                <div property="columns">
                    <div type="checkcolumn" ></div>
                    <div type="indexcolumn" width="60" headerAlign="center">序号</div>
                    <div field="menuOrderId" width="100" headerAlign="center" align="center"  visible="false">菜单排序号</div>
                    <div field="menuCode" width="80" headerAlign="center" align="center">菜单编码</div>
                    <div field="menuName" width="120" headerAlign="center" align="center">菜单名称</div>
                    <div field="modular.modularCode" width="120" headerAlign="center" align="center">所属模块编码</div>
                    <div field="modular.modularName" width="120" headerAlign="center" align="center">所属模块名称</div>
                    <div field="modular.modularId" width="120" headerAlign="center" align="center" visible="false">所属模块ID</div>
                    <div field="parId" width="80" headerAlign="center" align="center" visible="false">父级菜单ID</div>
                    <div field="parName" width="120" headerAlign="center" align="center">父级菜单名称</div>
                    <div field="menuUrl" width="120" headerAlign="center" align="center">菜单跳转路径</div>
                    <div field="menuIsPreset" width="120" headerAlign="center" align="center">是否系统预制</div>
                    <div field="createDate" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" align="center">创建时间</div>
                    <div field="menuLcon" width="120" headerAlign="center" align="center" visible="false">菜单图标</div>
                    <!--<div field="roleId" width="120" headerAlign="center" allowSort="true">对应角色名称</div>-->
                </div>
            </div>
        </div>
    </div>


    <script src="../js/ColumnsMenu.js"></script>
    <script src="../js/menus.js"></script>
    
</body>
</html>